<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../dist/css/bootstrap.min.css">
  <title>盒子阴影与圆角</title>
</head>
<body class="p-3 text-white">
  <div class="shadow-none p-3 mb-3 bg-info rounded-bottom">shadow-none, rounded-bottom</div>
  <div class="shadow-sm p-3 mb-3 bg-primary rounded-3">shadow-sm, rounded-3</div>
  <div class="shadow p-3 mb-3 bg-success rounded">shadow, rounded</div>
  <div class="shadow-lg p-3 bg-secondary rounded-pill">shadow-lg, rounded-pill</div>
</body>
</html>